* {
    margin: 0;
    padding: 0;
}

#root {
    width: 100%;
    min-width: 1440px;
    min-height: 865px;
    margin: auto;
    // background-color: #1fb6c4;
}

/* 消除按钮固定样式 */
button {
    background: transparent;
    border: transparent;
    margin: 0;
    padding: 0;
}

/* 消除跳转链接的样式 */
a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: inherit;
}

/* 消除无序列表样式 */
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}


.HomePage {
    width: 1440px;
    height: 810px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #333;

    #title {
        font-size: 76px;

        .liner-text {

            /* Vendor prefixes for background-clip */
            -webkit-background-clip: text;
            /* Safari and Chrome */
            -moz-background-clip: text;
            /* Firefox */
            -ms-background-clip: text;
            /* Internet Explorer 10+ */
            background-clip: text;
            /* Standard syntax */
            background-image: #1fb6c4;
            /* Vendor prefixes for linear-gradient */
            background-image: -webkit-linear-gradient(346deg, #1c5bac 28%, #1c5bac 0, #1fb6c4 124%, #1fb6c4 0);
            /* Safari 5.1+ */
            background-image: -moz-linear-gradient(346deg, #1c5bac 28%, #1c5bac 0, #1fb6c4 124%, #1fb6c4 0);
            /* Firefox 3.6+ */
            background-image: -o-linear-gradient(346deg, #1c5bac 28%, #1c5bac 0, #1fb6c4 124%, #1fb6c4 0);
            /* Opera 11.1+ */
            background-image: linear-gradient(346deg, #1c5bac 28%, #1c5bac 0, #1fb6c4 124%, #1fb6c4 0);
            /* Standard syntax */

            background-clip: text;
            color: transparent;
            background-image: linear-gradient(346deg, #1c5bac 28%, #1c5bac 0, #1fb6c4 124%, #1fb6c4 0);
            margin-right: 10px;
        }

    }

    #sub-title {
        font-size: 46px;
        margin: 20px;
    }

    #select-area {
        display: flex;
        width: 310px;
        justify-content: space-between;
        font-size: 16px;

        #register {
            width: 129px;
            height: 40px;
            background-color: #2486b9;
            border-radius: 8px;
            color: #fff;
            text-align: center;
            line-height: 40px;
            padding-left: 7px;
            transition: all .5s;

            &:hover {
                background-color: #1f719e;
                cursor: pointer;
            }

            .right-arrow {
                margin-left: 10px;
            }

        }

        #login {
            width: 68px;
            height: 40px;
            background-color: #f1f1f1;
            border-radius: 8px;
            color: #74787a;
            text-align: center;
            line-height: 40px;
            transition: all .5s;

            &:hover {
                background-color: #cdd1d3;
                cursor: pointer;
            }

        }
    }

}